﻿@import "../../css/_theme";

#rpw-form{
    background-color:white;
    margin-top:8rem;
}

#rpw-banner {
    height: 15rem;
    background-image: url('/ui/imgs/acnt/banner-bk-2.jpg');
    background-size: 50% 100%;
}

.slide-fade-enter-active {
    transition: all .5s ease;
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter, .slide-fade-leave-active {
    transform: translateY(20px);
    opacity: 0;
}

#rpw-info {
    width: 400px;
    margin: 0 auto;
    padding: 1rem 0;

    & i {
        color: $ClrTheme;
    }
}

.ipt-captcha{
    &>input{
        padding-right:40%;
    }
    &>button{
        position:absolute;
        right:0;
        top:0;
        width:40%;
    }
}

#rpw-tip {
    right: 5px;

    &.fail {
        color: $ClrErr;

        & > i {
            &:before {
                color: $ClrErr;
            }
        }
    }

    color: $ClrOk;

    & > i {
        &:before {
            color: $ClrOk;
        }
    }
}

#new-passconfirm-tip {
    right: 5px;
    color: $ClrErr;

    & > i {
        &:before {
            color: $ClrErr;
        }
    }
}

#rpw-submit {
    font-size: 2rem;
}
